<template>
  <div id="activityPages">
    <div class="head" style="">
      <i class="el-icon-arrow-left" @click="toActionShow"></i>
      <p>活动展示页</p>
    </div>
    <iframe
      id="detailsImg"
      :src="phoneEndUrl"
      class="active-con"
    ></iframe>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: "ActivityPages",
  msg: "",
  data() {
    return {}
  },
  computed:{
    ...mapState(['phoneEndUrl'])
  },
  mounted() {

  },
  methods: {
    /*跳转活动展示-手机*/
    toActionShow(){
      this.$emit("changePhone","actionShowPhone")
    }
  }
}
</script>

<style lang="less">
    #activityPages {
        .head{
            width: 100%;
            border: 0px;
          height: 26px;
          line-height: 26px;
          font-size: 14px;
          i{
            cursor: pointer;
          }
        }
        .head p{
            display: inline-block;
            margin-left: 10px;
        }
      .active-con {
        width: 265px;
        height: 424px;
        background-color: #fff;
        border: 0px;
      }
    }
</style>
